import React from "react";

export interface IResetButtonProps {
    onClick?: () => void;
}

function ResetButton(props: IResetButtonProps): React.JSX.Element {


    return (
        <div className={'c-reset-button app_cursor_pointer'} onClick={
            (): void => {
                props.onClick && props.onClick();
            }
        }>
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M14.6674 5.28786C14.3213 4.46961 13.8255 3.73487 13.1947 3.10409C12.5639 2.47331 11.8282 1.97799 11.0099 1.63189C10.1624 1.27342 9.26652 1.09167 8.33318 1.09167V2.42501C11.3832 2.42501 13.8728 4.90912 13.8728 7.96251C13.8728 11.0159 11.3907 13.5 8.33735 13.5C5.28397 13.5 2.79985 11.0159 2.79985 7.96251C2.79985 7.37939 2.88858 6.81127 3.064 6.26654L4.32112 6.96252L4.28238 4.80724L4.24363 2.65194L2.39647 3.76314L0.549316 4.87434L1.87962 5.61082C1.60537 6.36199 1.46652 7.15082 1.46652 7.96251C1.46652 8.88977 1.64827 9.78966 2.00673 10.6372C2.35283 11.4554 2.84815 12.1901 3.47893 12.8209C4.10973 13.4517 4.84445 13.947 5.6627 14.2931C6.51022 14.6516 7.41008 14.8333 8.33735 14.8333C9.26462 14.8333 10.1645 14.6516 11.012 14.2931C11.8302 13.947 12.5649 13.4517 13.1957 12.8209C13.8265 12.1901 14.3217 11.4554 14.6678 10.6372C15.0263 9.78966 15.2079 8.88977 15.2079 7.96251C15.2079 7.03524 15.0259 6.13537 14.6674 5.28786Z"
                    fill="#CDCDCD"/>
            </svg>
        </div>
    );
}

export default ResetButton;